$(function () {

    var aid = "8412";
    var key = "8412";

    var myImgId = "img1";                                      // img标签的id
    var camState = 0;                                          // 初始化摄像头在线状态为离线
    var switch_cam = 0;                                        // 默认摄像头开关处于关闭状态
    var myipcamera = new WSNCamera(aid, key);                  // 创建myipcamera对象
    myipcamera.setDiv(myImgId);                                // 设置图像显示的位置

    var myCameraIP = "Camera:192.168.12.115:6611";                         // 摄像头ID
    var user = "admin";                                        // 摄像头访问用户名
    var pwd = "admin";                                         // 摄像头访问密码
    var type = "H3-Series";                                    // 摄像头型号
    var online = false;

    myipcamera.initCamera(myCameraIP, user, pwd, type);        // 摄像头初始化
    myipcamera.checkOnline(function (state) {
        if (state == 1) {
            online = true;
        }
        console.log(myCameraIP, "is online", online);
    });

    $("#switch").click(function () {                            // 初始化监视器开关 默认关
        var obj = $(this);
        if (!this.flag) {
            switch_cam = 1;
            if (online) {
                myipcamera.openVideo();                        // 打开摄像头并显示
                camState = 1;
                obj.text("关闭摄像头");
                obj.siblings("button.btn.btn-default").attr("class", "btn btn-success");
            }
        } else {
            switch_cam = 0;
            obj.text("开启摄像头");
            obj.siblings("button.btn.btn-success").attr("class", "btn btn-default");
            myipcamera.closeVideo();                           // 关闭视频监控
            camState = 0;
        }
        this.flag = !this.flag;
    });
    // 监视器控制器
    $("#ct_up").mousedown(function () {                         // 上
        if ((switch_cam == 1) && (camState == 1)) {
            myipcamera.control("UP");                          // 向摄像头发送向上移动命令
            $(this).attr("class", "btn btn-info");
            $(this).mouseleave(function () {
                $(this).attr("class", "btn btn-success");
            });
            $(this).mouseup(function () {
                $(this).attr("class", "btn btn-success");
            });
        }
    });

    $("#ct_down").mousedown(function () {                         // 下
        if ((switch_cam == 1) && (camState == 1)) {
            myipcamera.control("DOWN");                          // 向摄像头发送向下移动命令
            $(this).attr("class", "btn btn-info");
            $(this).mouseleave(function () {
                $(this).attr("class", "btn btn-success");
            });
            $(this).mouseup(function () {
                $(this).attr("class", "btn btn-success");
            });
        }
    });

    $("#ct_left").mousedown(function () {                         // 左
        if ((switch_cam == 1) && (camState == 1)) {
            myipcamera.control("LEFT");                          // 向摄像头发送向左移动命令
            $(this).attr("class", "btn btn-info");
            $(this).mouseleave(function () {
                $(this).attr("class", "btn btn-success");
            });
            $(this).mouseup(function () {
                $(this).attr("class", "btn btn-success");
            });
        }
    });

    $("#ct_right").mousedown(function () {                       // 右
        if ((switch_cam == 1) && (camState == 1)) {
            myipcamera.control("RIGHT");                        // 向摄像头发送向右移动命令
            $(this).attr("class", "btn btn-info");
            $(this).mouseleave(function () {
                $(this).attr("class", "btn btn-success");
            });
            $(this).mouseup(function () {
                $(this).attr("class", "btn btn-success");
            });
        }
    });

    $("#ct_h").mousedown(function () {                           // 水平巡航
        if ((switch_cam == 1) && (camState == 1)) {
            myipcamera.control("HPATROL");                      // 向摄像头发送水平巡航命令
            $(this).attr("class", "btn btn-info");
            $(this).mouseleave(function () {
                $(this).attr("class", "btn btn-success");
            });
            $(this).mouseup(function () {
                $(this).attr("class", "btn btn-success");
            });
        }
    });

    $("#ct_v").mousedown(function () {                           // 垂直巡航
        if ((switch_cam == 1) && (camState == 1)) {
            myipcamera.control("VPATROL");                      // 向摄像头发送垂直巡航命令
            $(this).attr("class", "btn btn-info");
            $(this).mouseleave(function () {
                $(this).attr("class", "btn btn-success");
            });
            $(this).mouseup(function () {
                $(this).attr("class", "btn btn-success");
            });
        }
    });

    $("#ct_c").mousedown(function () {                           // 360度巡航
        if ((switch_cam == 1) && (camState == 1)) {
            myipcamera.control("360PATROL");                    // 向摄像头发送360度巡航命令
            $(this).attr("class", "btn btn-info");
            $(this).mouseleave(function () {
                $(this).attr("class", "btn btn-success");
            });
            $(this).mouseup(function () {
                $(this).attr("class", "btn btn-success");
            });
        }
    });
    $("#imgSnapshot").click(function () {                       // 截屏
        if (online) {
            myipcamera.snapshot();
        }
    });
    
    $("#videoshot").click(function () {                           // 保存3s视频
        if (online) {
            myipcamera.openVideo();
            setTimeout(function () {
                myipcamera.stopRecord();
            }, 3000);
        }
    })
});/**
 * Created by zonesion on 2016/11/25.
 */

